<!DOCTYPE html>
<html>
<head>
<link
	href='http://fonts.googleapis.com/css?family=Salsa|Rancho|Jockey+One|Oswald|Yanone+Kaffeesatz'
	rel='stylesheet' type='text/css' />
<meta charset="utf-8" />

<title>乐玩玩具交换网</title>

<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/video-js.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" />
<link rel="stylesheet" href="themeChanger/css/colorpicker.css" />
<link rel="stylesheet" href="themeChanger/css/themeChanger.css" />

<!-- HTML5 Shiv -->
<script src="js/modernizr.custom.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body
	class="t-blue t-pattern-1 secondary-page t-menu-1 t-header-1 t-text-1">

	<div class="top-panel">
		<div class="l-page-width">
			<div class="tweets"></div>
		</div>
	</div>
	<!--/ .top-panel-->

	<div class="kids-bg-level-1">
		<header id="kids_header">
			<div class="l-page-width clearfix">
				<div class="bg-level-1-left" id="bg-level-1-left"></div>
				<div class="bg-level-1-right" id="bg-level-1-right"></div>
				<ul class="kids_social" style="clear: both">
					<li><label>用户名</label></li>
					<li><input type="text"></li>
					<li><label>密码</label></li>
					<li><input type="password"></li>
					<li class="rss"></li>
					<li class="openbtn"></li>
				</ul>
				<!-- .kids_social -->
				<div id="kids_logo_block">
					<a id="kids_logo_text" href="index.html" title="Happy Kids"> <img
						src="images/logo.png" alt="" />
					</a>
				</div>
				<!--/ #kids_logo_block-->
				<nav id="kids_main_nav" style="display: block">
					<ul class="clearfix">
						<li class="current-menu-item"><a href="index.html">网站首页</a></li>
						<li><a href="toy-search.html">玩具搜索</a></li>
						<li ><a href="toy-classify.html">玩具分类</a>
							<ul>
								<li><a href="toy-classify.html">分类一</a></li>
								<li><a href="toy-classify.html">分类二</a></li>
                                <li><a href="toy-classify.html">分类三</a></li>
                                <li><a href="toy-classify.html">分类四</a></li>
                                <li><a href="toy-classify.html">分类五</a></li>
                                <li><a href="toy-classify.html">分类六</a></li>
                                <li><a href="toy-classify.html">分类七</a></li>
                                <li><a href="toy-classify.html">分类八</a></li>
                                
							</ul></li>
						<li><a href="#">关于我们</a></li>
					</ul>
				</nav>
				<!-- #kids_main_nav -->
			</div>
			<!--/ .l-page-width-->
		</header>
		<!--/ #kids_header-->
	</div>
	<!-- .bg-level-1 -->

	<div id="kids_middle_container">

		<div class="kids_top_content">

			<div class="kids_top_content_head">
				<div class="kids_top_content_head_body"></div>
			</div>
			<!-- .kids_top_content_head -->

			<div class="kids_top_content_middle">

				<div class="l-page-width">
					<!-- .kids_posts_container -->
				</div>

			</div>
			<!-- .kids_top_content_middle -->

			<div class="kids_top_content_footer"></div>

		</div>
		<!-- .end_middle_cloud  -->

		<div class="bg-level-2-full-width-container kids_bottom_content">

			<div class="bg-level-2-page-width-container l-page-width no-padding">

				<section class="kids_bottom_content_container">

					<div class="header_container">

						<ul id="breadcrumbs">
							<li><a href="index.html">首页</a></li>
							<li><a href="index.html">浏览玩具</a></li>
							<li>玩具搜索</li>
						</ul>

					</div>

					<div class="gl_col_4">
						<div style="padding-bottom: 20px">
						<div>
								<h5 class="demo-panel-title"
									style="display: inline; padding-left: 50px; padding-right: 20px">搜索内容：</h5>
								<input type="text"> 
							</div>
							<div>
								<h5 class="demo-panel-title"
									style="display: inline; padding-left: 50px; padding-right: 20px">适玩性别：</h5>
								<label class="radio checked"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios2" id="optionsRadios21"
									value="option21"> 不限 </label> <label class="radio checked"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios2" id="optionsRadios22"
									value="option22"> 男 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios2" id="optionsRadios23"
									value="option23"> 女 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios2" id="optionsRadios24"
									value="option24"> 均可 </label>
							</div>
							<div>
								<h5 class="demo-panel-title"
									style="display: inline; padding-left: 50px; padding-right: 20px">新旧程度：</h5>
								<label class="radio checked"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios3" id="optionsRadios31"
									value="option31"> 十成新 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios3" id="optionsRadios32"
									value="option32"> 九成新 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios3" id="optionsRadios33"
									value="option33"> 七成新 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios3" id="optionsRadios34"
									value="option34"> 五成新 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios3" id="optionsRadios35"
									value="option35"> 五成新以下 </label>
							</div>
							<div>
								<h5 class="demo-panel-title"
									style="display: inline; padding-left: 50px; padding-right: 20px">价格范围：</h5>
								<label class="radio checked"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios1" id="optionsRadios11"
									value="option11"> 500以上 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios1" id="optionsRadios12"
									value="option12"> 300~500 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios1" id="optionsRadios13"
									value="option13"> 200~300 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios1" id="optionsRadios14"
									value="option14"> 100~200 </label> <label class="radio"
									style="display: inline; padding-right: 20px"><span
									class="icon"></span><span class="icon-to-fade"></span> <input
									type="radio" name="optionsRadios1" id="optionsRadios15"
									value="option15"> 100以下 </label>
							</div>
						</div>
						<ul id="gallery">

							<li id="1" class="gallery-item everyone web">

								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/奥贝摇铃床铃.png">
											<img src="images/用户玩具/奥贝摇铃床铃.png" width="202" height="138">
										</a>
									</figure>
								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具一</a>
									</h1>
									<p>玩具描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

							<li id="2" class="gallery-item everyone print">

								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/愤怒的小鸟翻斗车.png">
											<img src="images/用户玩具/愤怒的小鸟翻斗车.png" width="202" height="138">
										</a>
									</figure>
								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具二</a>
									</h1>
									<p>玩具描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

							<li id="3" class="gallery-item everyone video">

								<div class="border-shadow"><figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/抚海马.png">
											<img src="images/用户玩具/抚海马.png" width="202" height="138">
										</a>
							  </figure>								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具三</a>
									</h1>
									<p>玩具描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

							<li id="4" class="gallery-item everyone web">

								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/乖乖小鸭.png">
											<img src="images/用户玩具/乖乖小鸭.png" width="202" height="138">
										</a>
									</figure>
								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具四</a>
									</h1>
									<p>玩具描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

							<li id="5" class="gallery-item everyone print">

								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/悍马越野车.png">
											<img src="images/用户玩具/悍马越野车.png" width="202" height="138">
										</a>
									</figure>
								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具五</a>
									</h1>
									<p>描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

							<li id="6" class="gallery-item everyone video">

								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/奥贝摇铃床铃.png">
											<img src="images/用户玩具/奥贝摇铃床铃.png" width="202" height="138">
										</a>
									</figure>								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具六</a>
									</h1>
									<p>玩具描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

							<li id="7" class="gallery-item everyone web">

								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/鸭子罐益智积木.png">
											<img src="images/用户玩具/鸭子罐益智积木.png" width="202" height="138">
										</a>
									</figure>
								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具七</a>
									</h1>
									<p>玩具描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

							<li id="8" class="gallery-item everyone print">

								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="images/用户玩具/卡通叉车.png">
											<img src="images/用户玩具/卡通叉车.png" width="202" height="138">
										</a>
									</figure>
								</div>
								<!--/ gallery-image-->

								<div class="gallery-text">
									<h1>
										<a class="link" href="#">玩具八</a>
									</h1>
									<p>玩具描述</p>
									<a href="toy-info.html" class="button medium button-style1">详情</a>
								</div>
								<!--/ gallery-text-->

							</li>

						</ul>
						<!--/ gl_col_4-->

						<div class="kids_clear"></div>

						<div class="pagenavi gl">
							<span class="pages">第2页 共2页</span> <a href="#"
								class="prevpostslink">上一页</a> <span class="current">1</span><a href="#" title="1"
								class="page">2</a>  <a href="#"
								class="nextpostslink">下一页</a>
						</div>
						<!--/ pagenavi -->

					</div>
					<!-- .gl_col_4 -->

				</section>
				<!-- .bottom_content_container -->

				<div class="bg-level-2-left" id="bg-level-2-left"></div>
				<!-- .left_patterns -->
				<div class="bg-level-2-right" id="bg-level-2-right"></div>
				<!-- .right_patterns -->

			</div>

		</div>

	</div>
	<!-- .end_content -->
	<div class="kids_bottom_container" style="padding-bottom: 100px;">

	</div>
	<!-- .kids_bottom_container -->
	<script>
		function setupLabel() {
			// Radio
			var radio = ".radio";
			var radioInput = radio + " input[type='radio']";
			var radioOn = "checked";
			var radioDisabled = "disabled";
			// Radios
			if ($(radioInput).length) {
				$(radio).each(function() {
					$(this).removeClass(radioOn);
				});
				$(radioInput + ":checked").each(function() {
					$(this).parent(radio).addClass(radioOn);
				});
				$(radioInput + ":disabled").each(function() {
					$(this).parent(radio).addClass(radioDisabled);
				});
			}
			;
		};

		$(document)
				.ready(
						function() {
							$("html").addClass("has-js");

							// First let's prepend icons (needed for effects)
							$(".radio")
									.prepend(
											"<span class='icon'></span><span class='icon-to-fade'></span>");

							$(".radio").click(function() {
								setupLabel();
							});
							setupLabel();
						});
	</script>
	<script
		src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<!--[if lt IE 9]>
	<script src="js/selectivizr-and-extra-selectors.min.js"></script>
<![endif]-->
	<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
	<script src="js/jquery.easing-1.3.min.js"></script>
	<script src="js/jquery.lavalamp-1.4.min.js"></script>
	<script src="js/video.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/scripts.js"></script>
	<script src="themeChanger/js/colorpicker.js"></script>
	<script src="themeChanger/js/themeChanger.js"></script>
</body>
</html>
